Page({
  data: {
    schema:[
    ],
    formData:{
    },
    title: '',
    result: '',
    remark: '',
    apiName: '', 
    currentStyle: 'dark', // 当前文本样式，默认深色
    isPullDownRefreshing: false, // 是否正在下拉刷新
    // 当前使用的字体
    currentFont: 'system',
    // 字体加载状态
    fontLoaded: {
      fancy: false,
      handwriting: false
    },
    // 示例文本
    demoText: '这是一段用于展示不同字体效果的示例文本，包括中文、英文和数字：ABCabc123'
  },

  onLoad(options) {
      wx.setNavigationBarTitle({
        title: options.title,
      })
      
      this.setData({
        title: options.title,
        zh:options.zh,
        remark: options.remark,
        webUrl: options.webUrl
      })
      // 页面加载时设置初始背景文本样式
    wx.setBackgroundTextStyle({
      textStyle: 'dark' // 下拉背景字体、loading 图的样式为深色
    })
    // 页面加载时设置初始背景
    wx.setBackgroundColor({
      backgroundColor: '#f5f5f5', // 窗口的背景色
      backgroundColorTop: '#ffffff', // 顶部窗口的背景色
      backgroundColorBottom: '#ffffff', // 底部窗口的背景色
      success: (res) => {
        console.log('初始背景设置成功', res)
      },
      fail: (err) => {
        console.error('初始背景设置失败', err)
      }
    })
  },
  // 切换背景文本样式
  toggleTextStyle(e) {
    const newStyle = this.data.currentStyle === 'dark' ? 'light' : 'dark'
    
    // 调用API设置背景文本样式
    wx.setBackgroundTextStyle({
      textStyle: newStyle, // 支持 'dark' 和 'light' 两种样式
      success: (res) => {
        this.setData({
          currentStyle: newStyle
        })
        wx.showToast({
          title: `已切换为${newStyle}样式`,
          icon: 'none'
        })
        this.setData({
          result: res,
          apiName: e.currentTarget.dataset.apiname 
        })
      },
      fail: (err) => {
        console.error('设置背景文本样式失败', err)
        wx.showToast({
          title: '设置失败',
          icon: 'none'
        })
        this.setData({
          result: err,
          apiName: e.currentTarget.dataset.apiname 
        })
      }
    })
  },

  // 开启下拉刷新
  startPullDownRefresh() {
    if (!this.data.isPullDownRefreshing) {
      this.setData({
        isPullDownRefreshing: true
      })
      
      // 开启下拉刷新
      wx.startPullDownRefresh({
        success: () => {
          console.log('下拉刷新已开启')
          
          // 模拟数据加载，3秒后停止刷新
          setTimeout(() => {
            wx.stopPullDownRefresh()
            this.setData({
              isPullDownRefreshing: false
            })
          }, 3000)
        }
      })
    }
  },

  // 页面相关事件处理函数--监听用户下拉动作
  onPullDownRefresh() {
    console.log('用户触发了下拉刷新')
    this.setData({
      isPullDownRefreshing: true
    })
    
    // 模拟数据加载，2秒后停止刷新
    setTimeout(() => {
      wx.stopPullDownRefresh()
      this.setData({
        isPullDownRefreshing: false
      })
    }, 2000)
  },
  // 设置红色背景
  setRedBackground(e) {
    wx.setBackgroundColor({
      backgroundColor: '#ffebee', // 下拉背景色
      backgroundColorTop: '#ef9a9a', // 顶部背景色
      backgroundColorBottom: '#ffebee', // 底部背景色
      success: (res) => {
        wx.showToast({
          title: '红色背景设置成功',
          icon: 'none'
        })
        this.setData({
          result: res,
          apiName: e.currentTarget.dataset.apiname 
        })
      }
    })
  },
  // 预加载自定义字体
  loadCustomFonts(e) {
    // 加载艺术字体
    wx.loadFontFace({
      family: 'Bitstream Vera Serif Bold',
      source: 'url("https://res.wx.qq.com/t/wx_fed/base/weixin_portal/res/static/font/33uDySX.ttf")',
      // 也可以使用本地字体：'/fonts/fancy-font.ttf'
      success: (res) => {
        console.log('艺术字体加载成功', res);
        this.setData({
          'fontLoaded.fancy': true,
          result: res,
          apiName: e.currentTarget.dataset.apiname
        });
      },
      fail: (err) => {
        console.error('艺术字体加载失败', err);
        this.setData({
          'fontLoaded.fancy': true,
          result: err,
          apiName: e.currentTarget.dataset.apiname
        });
      },
      complete: () => {
        console.log('艺术字体加载完成（无论成功失败）');
      }
    });
  },

  // 切换字体
  switchFont(e) {
    const fontType = e.currentTarget.dataset.font;
    this.setData({
      currentFont: fontType
    });
  }
})